<style>
    #generate-state-panel {
        display: none;
    }

    .generate-state-body {
        border: 1px solid #ccc;
        padding: 15px;
        box-shadow: 2px 2px 0px rgba(102, 102, 102, 0.1);
        border-radius: 3px;
    }

    .generate-process {

    }

    .generate-describe {

    }

    .generate-next {

    }
</style>

<form id="generate-form" class="edit-form form-horizontal" role="form" data-toggle="validator" method="POST" action="{:addon_url('cmstostatic/generate/all')}">

    <div class="alert alert-info-light" style="margin-bottom:10px;">
        <b>温馨提示</b><br>
        0.请先清除缓存后再生成<br>
        1.生成首页index.html静态文件<br>
        2.生成所有栏目静态文件<br>
        3.生成所有文章静态文件<br>
        4.选项删除静态即删除所有生成的静态文件和目录（包括手机版）<br>
    </div>

    <div class="panel panel-default panel-intro">

        <div class="panel-heading">
            {:build_heading(null,FALSE)}

        </div>

        <div class="panel-body">
            <div id="myTabContent" class="tab-content">

                <div class="tab-pane fade active in" id="one">

                    <table class="table table-striped table-config">
                        <tbody>
                        <tr data-type="config">
                            <td width="15%">操作静态文件：</td>
                            <td>
                                <div class="row">
                                    <div class="col-sm-8 col-xs-12">

                                    </div>
                                    <div class="col-sm-4"></div>
                                </div>
                            </td>
                        </tr>
                        <tr data-type="config">
                            <td width="15%">操作选项：</td>
                            <td>
                                <div class="row">
                                    <div class="col-sm-8 col-xs-12">
                                        <label for="row[isdel]-0"><input id="row[isdel]-0" name="isdel" type="radio" value="0" data-tip="" checked=""> 生成静态</label>
                                        <label for="row[isdel]-1"><input id="row[isdel]-1" name="isdel" type="radio" value="1" data-tip="" > 删除静态</label>
                                    </div>
                                    <div class="col-sm-4"></div>
                                </div>

                            </td>
                        </tr>
                        </tbody>
                    </table>

                    <div class="form-group layer-footer">
                        <label class="control-label col-xs-12 col-sm-2"><span class="badge alert-info">{if !$staticconfig.mobile_on}电脑版{else}手机版{/if}</span></label>

                        <div class="col-xs-12 col-sm-8">
                            <button id="generateStart" type="button" class="btn btn-success btn-embossed">{:__('OK')}</button>
                            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
                        </div>
                    </div>

                </div>

            </div>

        </div>


        <div class="panel-heading">
        </div>

        <div id="generate-state-panel" class="panel-body">
            <div class="row">
                <div class="col-sm-8 col-xs-12">
                    <h5>操作状态：</h5>

                    <div class="col-sm-6 col-sm-offset-6 generate-state-body">
                        <!--                    1、进度条<br>-->
                        <!--                    2、进度说明文字<br>-->
                        <!--                    3、跳转到下一个更新<br>-->
                        <div class="generate-process">
                            <p id="generate-process">正在生成栏目静态文件：已完成0%</p>
                            <div class="progress progress-striped active">
                                <div class="progress-bar progress-bar-success" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0"
                                     style="width:0">
                                </div>
                            </div>
                        </div>
                        <div class="generate-describe">
                            <p id="generate-describe">成功创建栏目[1]：栏目名称</p>
                        </div>
                        <div class="generate-next">
                            <p id="generate-next">
                                如果卡顿请点击<a id="generateNext" href="javascript:">继续操作</a>
                            </p>
                        </div>

                    </div>
                </div>
                <div class="col-sm-4"></div>
            </div>
        </div>
    </div>

</form>
